.gallery {
	.section__title {
		margin-block-end: 4rem;

		@media (min-width: 765px) {
			margin-block-end: 6.5rem;
		}
	}
}

.gallery__list {
	display: grid;
	gap: 1.5rem;

	@media (min-width: 765px) {
		grid-template-columns: 1fr 1fr;
		gap: 2.5rem;
	}
	@media (min-width: 992px) {
		grid-template-columns: repeat(6, 1fr);
	}
}

.gallery__list-item {
	&__banner {
		border-radius: var(--radius-30);

		@media (min-width: 992px) {
			aspect-ratio: unset;
			width: 100%;
			height: 100%;
		}
	}

	&:nth-child(n + 3) {
		grid-column: 1/3;

		@media (min-width: 992px) {
			grid-column: auto;
		}
	}

	&:nth-child(3) {
		grid-column: 3/5;
		grid-row: 1/3;
	}

	&:nth-child(n + 4) {
		grid-column: span 2;
	}
}
